@CHARSET "UTF-8";
body { color: #222; background: #fff; font-family: arial, sans-serif; font-size: 85%; margin: 0; padding: 0; }
h1 { font-size: 200%; font-style: oblique; font-weight: bolder; letter-spacing: -1px; margin: 0; padding: 0; }
h2 { font-size: 120%; font-weight: normal; margin: 0; padding: 0 0 5px 0; }
hr { border: 0; border-top: 1px dotted; margin: 5px 0; padding: 0; }
span.icon { display: inline-block; vertical-align: bottom; }
a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }
a.tool { display: inline-block; margin: 1px; padding: 1px; text-decoration: none; line-height: 20px; }
a.tool span { display: inline-block; width: 16px; height: 16px; vertical-align: text-bottom; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
table.grid { border-collapse: collapse; border-top: 1px solid #999; background: #fff; }
table.grid th { background: #ddd; }
table.grid th, td { border-bottom: 1px solid #999; border-top: 1px solid #999; font-size: 90%; font-family: arial, sans-serif; text-align: left; padding: 0.2em 0.5em; }
table.grid th a { text-decoration: underline; }
form { margin: 0; padding: 0; }
form fieldset { border: 0; margin: 0; padding: 0; }
form dl { margin: 0; padding: 0; }
form dt { position: absolute; margin: 0; padding: 3px 0; width: 140px; }
form dd { margin: 0 0 0 150px; padding: 3px 0; }
label { margin: 0 0 0 5px; }
label.required { font-weight: bold; }
input[type="text"], input[type="password"], select { width: 99%; }
input.datepicker { width: 150px; }
textarea { width: 99%; }
div.head { padding: 5px 10px; margin: -1px 5px 5px 5px; }
div.head ul { list-style: none; padding: 0; margin: 0; float: right; }
div.head li { border-left: 1px dotted; list-style: none; padding: 0 5px; margin: 0; font-size: 90%; font-weight: normal; float: left; }
div.side { border-right: 1px dotted #666; position: absolute; width: 180px; margin: 0 5px; padding: 5px; min-height: 100%; }
div.side ul { list-style: none; padding: 0; margin: 0; }
div.side ul ul { border-top: 1px dotted #666; margin: 10px 0; padding: 5px 0; }
div.side li { font-weight: bold; padding: 0; margin: 0; line-height:1.5em; }
div.side li li.active { text-decoration: underline; }
div.side li li { font-weight: normal; }
div.content { margin: 5px 5px 5px 205px; padding: 5px 0x; position: relative; }
div.breadcrumb { margin: 5px 5px 5px 205px; padding: 5px 0; font-weight: bold; }
div.breadcrumb a { font-weight: normal; }
div.loader { background: url(ajax-loader.gif) no-repeat; position: absolute; display: none; height: 16px; width: 16px; right: 10px; }
div.foot { position: relative; font-size: 75%; text-align: right; margin: 5px 5px 5px 200px; }
div.paginator { text-align: center; padding: 10px; }
.errors { font-size: 90%; color: #c00; }
ul.errors { list-style: none; margin: 0; padding: 0; }
ul.errors li, label.error { font-weight: bold; display: block; margin: 0; padding: 0; width: 100%; }
ul.messages { clear: both; list-style: none; margin: 5px 0; padding: 0; width: 100%; }
ul.messages li { margin: 0; padding: 5px; }
div.listbox a.tool { float: right; }
div.listbox ul { clear: right; background: #fff; border: 1px solid #999; list-style: none; margin: 0; padding: 0; width: 100%; height: 250px; overflow: auto; }
div.listbox li { cursor: pointer; padding: 3px; line-height: 14px; border-bottom: 1px solid #999; background: #eee; }
div.listbox li.active { background: #ccc; }
div.listbox img { float:right; width:40px; height:40px }
img.thumbnail { background: #fff; border: 1px solid #999; }
ul.list { clear: both; list-style: none; margin: 0; padding: 0; width: 100%; }
ul.list li { margin: 5px 0; padding: 5px; }
ul.list a { text-decoration: underline; }
#ui-datepicker-div, select { z-index: 10000; }
